<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <title>账户安全</title>
    <link rel="stylesheet" href="../css/personage.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../underscore/underscore-min.js"></script>
    <script type="text/javascript" src="../js/list_more.js"></script>
    <script type="text/javascript" src="../js/paging.js"></script>
</head>
<body class="background_grey">
    <div class="header">
        <div class="header_in">
            <div class="header_logo">
                <h1></h1>
                <img src="../images/index_log.jpg" /> 
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="model_news_list.html">前沿资讯</a></li>
                    <li><a href="model_problem_list.html">互动问答</a></li>
                    <li><a href="model_personage_center.html">帮助中心</a></li>
                </ul>
            </div>
            <div class="header_info">
                <div class="header_info_find"><a href="model_person_index.html">寻找合作伙伴</a></div>
                <div class="header_greet">
                    enzo，您好
                </div>
                <div class="header_register display_none">
                    <a href="#">登录</a>|
                    <a href="#">注册</a>
                </div>
                <div class="header_exit">
                    <a href="#">我的项目</a>|
                    <a href="#">退出</a>
                </div>
                <div class="header_become display_none">
                    <a href="#">成为我们的专家</a>
                </div>
            </div>
            <div class="clear_both"></div>
        </div>
    </div>
    <div class="personage_wrap my_purse">
        <div class="personage_nav">
            <div class="personage_nav_title">账户</div>
            <ul class="personage_nav_list">
                <li class="active item1">
                    <span></span>动态
                </li>
                <li class="item2">
                    <span></span>我的钱包
                </li>
                <li class="item3">
                    <span></span>实名认证
                </li>
                <li class="item4">
                    <span></span>账户安全
                </li>
                <li class="item5">
                    <span></span>人才归档
                </li>
            </ul>
            <div class="personage_nav_title">任务管理</div>
            <ul class="personage_nav_list">
                <li class="item6">
                    <span></span>我的预约
                </li>
                <li class="item7">
                    <span></span>我的项目
                </li>
                <li class="item8">
                    <span></span>我的问答
                </li>
            </ul>
            <div class="personage_nav_title">消息</div>
            <ul class="personage_nav_list">
                <li class="item9">
                    <span></span>消息中心<i>10</i>
                </li>
            </ul>
            <div class="personage_nav_title">我的收藏</div>
            <ul class="personage_nav_list">
                <li class="item10">
                    <span></span>收藏的资讯
                </li>
                <li class="item11">
                    <span></span>收藏的人才
                </li>
                <li class="item12">
                    <span></span>收藏的问答
                </li>
                <li class="item13">
                    <span></span>收藏的项目
                </li>
            </ul>
        </div>
        <div class="personage_main account_safety">
            <div class="personage_main_in">
                <div class="autonym_identification_title color_79879a">
                    账户安全
                </div>
                <div class="account_safety_list">
                    <ul>
                        <li class="item">
                            <div class="left color_333">
                                <span class="icon border_radius_50"></span>
                                登录密码
                            </div>
                            <div class="middle color_aaa"></div>
                            <div class="btn btn_blue"><a href="" class="btn_blue">修改</a></div>
                        </li>
                        <li class="item">
                            <div class="left color_333">
                                <span class="icon border_radius_50"></span>
                                登录密码
                            </div>
                            <div class="middle color_aaa"></div>
                            <div class="btn btn_blue"><a href="" class="btn_blue">修改</a></div>
                        </li>
                        <li class="item">
                            <div class="left color_333">
                                <span class="icon border_radius_50"></span>
                                登录密码
                            </div>
                            <div class="middle color_aaa">
                                用于提升账号的安全性和信任级别<br />
                                认证后账号不能修改认证信息。 
                            </div>
                            <div class="btn btn_blue"><a href="" class="btn_blue">修改</a></div>
                        </li>
                        <li class="item">
                            <div class="left color_333">
                                <span class="icon border_radius_50"></span>
                                登录密码
                            </div>
                            <div class="middle color_aaa"></div>
                            <div class="btn btn_blue"><a href="" class="btn_blue">修改</a></div>
                        </li>
                    </ul>
                </div>
                <div class="autonym_identification_title color_79879a">
                    账户安全
                </div>
                <div class="account_safety_list">
                    <ul>
                        <li class="item">
                            <div class="left color_333">
                                <span class="icon border_radius_50"></span>
                                微信
                            </div>
                            <div class="middle color_aaa"></div>
                            <div class="btn btn_gray"><a href="" class="btn_gray">已绑定</a></div>
                        </li>
                        <li class="item">
                            <div class="left color_333">
                                <span class="icon border_radius_50"></span>
                                QQ
                            </div>
                            <div class="middle color_aaa"></div>
                            <div class="btn btn_blue"><a href="" class="btn_blue">绑定</a></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="index_footer">
        <div class="index_footer_link">
            <a href="">新闻公告</a>|
            <a href="">关于我们</a>|
            <a href="">联系我们</a>|
            <a href="">用户协议</a>
        </div>
        <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function() {
        /*左边导航*/
        (function fnTab(){
            for( var i = 0; i< $('.personage_nav li').length; i++){
                if($('.personage_nav li').eq(i).hasClass('active')){
                    console.log(i);
                    var index = i;
                }
            }

            $('.personage_nav li').hover(function() {
                $('.personage_nav li').eq(index).addClass('active');
                $(this).addClass('active');
            }, function() {
                $(this).removeClass('active');
                $('.personage_nav li').eq(index).addClass('active');
            });
                
        })();
        
    });
</script>